<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sample Page</title>

<link href="css/style.css" type="text/css" rel="stylesheet" media="all" />
</head>

<body>

<div id="header-wrapper">
	<div id="header">
    	<div class="header-logo">
        	<h1>Question Mark</h1>
        </div>
        <div class="header-title">
        	<h3>An question/answers system powered<br /> 100% by WordPress.</h3>
        </div>
        
        <div class="userpanel">
        	<div class="user-img">
        		<img src="images/user-img.jpg" />
            </div>
            <div class="user-title">
        		<h5>Lieutenant Columbo</h5>
                <br /><br />
            	<a href="#">Profile</a> <font style="float:right; color:#5f83a1;">|</font> <a href="#">Log Out</a>
            </div>
        </div>
        
        <div style="clear:both;"></div>
    </div>
    <div class="menu-wrapper">
    	<div class="menu">
        	<p class="topics-title">TRENDING TOPICS:</p>
        	<div class="topics">
            	<ul>
                	<li><a href="#">Football</a></li>
                    <li><a href="#">Music</a></li>
                    <li><a href="#">Food</a></li>
                    <li><a href="#">Internet</a></li>
                </ul>
            </div>
            <div class="all">
            	<ul>
                	<li><a href="#">See all &raquo;</a></li>
                </ul>
            </div>
            <div class="menu-right">
            	<ul>
                	<li><a href="#">About Us</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Friends</a></li>
                    <li><a href="#">Other Pages</a></li>
                </ul>
            </div>
    	</div>
    </div>
</div>

<div id="content">
	<div class="left">
		<h2>Sample Page</h2>
        <div class="sample-text">
        	<p>Suspendisse ipsum lacus, sollicitudin in ultrices ut, tincidunt non est. Etiam id orci urna, non dapibus felis. Suspendisse potenti. Nulla volutpat vehicula nisl sit amet rutrum. Sed sit amet elementum leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam magna lectus, tempus a vestibulum et, ornare a purus.</p>
             <p>Mauris fermentum elit sed lectus semper eu faucibus metus fermentum. Phasellus ut massa nunc. Aliquam placerat gravida eros, nec fermentum massa fermentum at. Cras tortor ligula, faucibus euismod aliquam vel, vestibulum id arcu. Nam velit purus, fringilla in aliquam ullamcorper, malesuada id libero. Etiam in elit sit amet nisl tincidunt vehicula a eget lorem. Nam pharetra mattis porttitor. Vestibulum accumsan dictum egestas. Curabitur eu lectus dolor.</p>
                <p>In malesuada blandit faucibus. In vestibulum odio ac nulla blandit euismod. Pellentesque dignissim metus sit amet elit egestas blandit. Nam arcu odio, vehicula vel vulputate a, euismod vel ante.</p>
                <p>Nullam sed sagittis libero. Vivamus nec elit dui. Donec nisi mauris, laoreet eu rutrum eget, cursus ut massa. Aliquam eu ligula nibh. Suspendisse mollis massa pellentesque elit fermentum aliquet. Duis molestie quam at arcu dapibus vitae commodo leo gravida. Fusce eleifend justo et odio adipiscing eu mattis quam condimentum. Nulla vel erat elit. Vestibulum mollis tincidunt erat eu placerat. Curabitur pharetra lacinia tortor, sed facilisis ligula vestibulum ut. Quisque volutpat eleifend velit ac euismod.</p>
        </div>
        
    </div>  
    <div class="right">
    	<div class="ask">
        	<p>Do you have any <br /><font class="tech">technology questions</font> ?</p>
            <a href="#">Ask a question</a>
        </div>
        
        <div class="login">
        	<p><font class="login-title">Login</font></p>
        	<form method="POST" action="#">
            <p>Username:</p>
  			<input class="input" type="text" name="username" size="15" /><br />
            <p>Password:</p>
   			<input class="input" type="password" name="passwort" size="15" /><br />
  			<div align="center">
    		<a href="#">Forgot your password ?</a><input type="image" src="images/login-btn.jpg" type="submit" value="Login" />
  			</div>
			</form>
        </div>
        
        <div class="ads">
        	<div class="ad-left">
            	<img src="images/ad.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad1.jpg" />
            </div>
            <div class="ad-left">
            	<img src="images/ad2.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad3.jpg" />
            </div>
            <div class="ad-left">
            	<img src="images/ad4.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad5.jpg" />
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

<div id="footer">
	<img id="left" src="images/footer-left.jpg" />
    <h6>Copyright &copy; 2010. All rights reserved.</h6>
    	<div class="privacy">
        	<a font style="text-decoration:underline" href="#">Privacy Policy</a> | <a font style="text-decoration:underline" href="#">Terms of Use</a>
        </div>
    <img id="right" src="images/footer-right.jpg" />
</div>

</body>
</html>
